<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%> 
<html>
<head>  
  <script type="text/javascript">
  function doSearch() {	 
	  grid.load({
			area_cd: $('#area_cd').val(),
			area_cn_nm: $('#area_cn_nm').val()			 			
		});
  }
  
  function addAreaCd(url){	  
	  commonDetail(url,"save","areaTableId");
  }
  function modifyAreaCd(url){	  
	  commonDetail(url,"update","areaTableId");
  }
  function deleteAreaCd(url){	  
	  commonDel(url,"delete","areaTableId");
  }
  var grid;
  $(document).ready(function() {
	  grid = $("#areaTableId").jpgrid({
			url: "getAreaCdListJson.do",
			columns: [
				{title: "地区代码", field: "AREA_CD",width:100},				
				{title: "地区中文名", field: "AREA_CN_NM",width:100},				
				{title: "区号", field: "ZIPCD",width:100},
				{title: "上级地区代码", field: "SUP_AREA_CD"},
				{title: "4位地区代码", field: "BANK_AREA_CD",width:80},
				{title: "级别", field: "LEVEL_NO",width:80}
			]
		});	  
  });
  </script>
</head>

<body class="easyui-layout list_body"  >
	<form id="areaForm" name="areaForm">
		<div class="list_body_north" data-options="region:'north'"  border="false" >
			<!-- 查询表单 -->
			<div  class="datagrid-toolbar" border="false"  >
				<span>地区代码:</span>
				<input id="area_cd" type="text" name="area_cd"  class="easyui-textbox"  >
				<span>地区名称:</span>
				<input id="area_cn_nm" type="text" name="area_cn_nm"  class="easyui-textbox"  >					
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch() ">查询</a>
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm() ">重置</a>		
			</div>
			<!-- 自定义标签工具栏 -->
			<jiepos:buttonOperateTag menuCode="${menuCode}"></jiepos:buttonOperateTag>	
		</div>
		<div data-options="region:'center'" border="false"  class="list_body_center">		
			<!-- 表格 -->
			<table id="areaTableId" fit="true"></table>
		</div>
	</form>
</body>
 </html>
